
@main("Form",null){

	<div class="col-md-12">
		<h1 class="col-sm-offset-3 col-md-6" style="color:green">Play BaDoogie</h1>
		
		<form action="@routes.Application.indexSubmit()"class="form-horizontal col-md-12">
		  <div class="form-group">
		    <label for="userName" class="col-sm-2 control-label">Username</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="userName" name="userName" placeholder="Username">
		    </div>
		  </div>
		
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <button type="submit" class="btn btn-success">Join</button>
		    </div>
		  </div>
		</form>
	</div>
	
	@if(flash.containsKey("error")) {
        
        <div class="alert-danger">
            <p class="col-md-offset-4">
                <strong>Oops!</strong> @flash.get("error")
            </p>
        </div>
        
    }
}